extends layout

block content
    html(style="height:100%")
        body(style="height:100%;margin:0")
            div.index.height(style="position: relative")
                div.index-top
                    div.index-top-left.pull-left
                        div.circle.color-red.pull-left
                        div.circle.color-yello.pull-left
                        div.circle.color-green.pull-left
                        div.clearfix
                    ul.nav.navbar-toolbar.pull-left
                        li.active="UI 示例"
                        li="页面示例"
                        li="表格示例"
                        li="表单示例"
                        li="统计图表"
                        li="菜单示例"
                        li="系统管理"
                    div.index-top-right.pull-right
                        div.top-touxiang.pull-right
                            img(src="images/index/touxiang.jpg" alt="")
                        div.top-icon.pull-right
                            img(src="images/index/Email.png" alt="")
                        div.top-icon.pull-right
                            img(src="images/index/Bell.png" alt="")
                        div.clearfix
                    div.clearfix
                div.height(style="margin-top: 60px")
                    div.navs
                        div.index-nav
                            div.nav-logo="LOGO"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/List.png" alt="")
                                    div.nav-name.pull-left="首页"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="工作台"
                                    li="消息中心"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/Contacts.png" alt="")
                                    div.nav-name.pull-left="个人中心"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="我的资料"
                                    li="修改资料"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/Folder.png" alt="")
                                    div.nav-name.pull-left="文件库"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="上传文件"
                                    li="我的下载"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/iCloud.png" alt="")
                                    div.nav-name.pull-left="云空间"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="筋斗云"
                                    li="码云"
                                    li="云云众生"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/World.png" alt="")
                                    div.nav-name.pull-left="网络中心"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="黑网络"
                                    li="白网络"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/Albums.png" alt="")
                                    div.nav-name.pull-left="盒子"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="程序员的盒子"
                                    li="设计师的盒子"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/Favorites.png" alt="")
                                    div.nav-name.pull-left="收藏中心"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="收藏+"
                                    li="我的收藏"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/Bookmarks.png" alt="")
                                    div.nav-name.pull-left="书籍借阅"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="书籍中心"
                                    li="我的借阅"
                                    li="我的归还"
                            div
                                div.icon-click
                                    img.pull-left(src="images/index/Settings.png" alt="")
                                    div.nav-name.pull-left="系统设置"
                                    div.clearfix
                                ul.nav-tab-ul
                                    li="会员管理"
                                    li="密码管理"
                    div.bottom-right
                        div.index-content
                        div.index-foot
                            div.foot-team="版权所有：子启科技团队"






